<template>
	<view class="bookdetail">
		<view class="header">
			<view class="out">
				<u-icon name="arrow-left" size="25" @click="goout"></u-icon>
			</view>
			<view class="class-list">dome1</view>
		</view>
		<view class="box">
			<view class="box1">
				<view class="box-img"></view>
				<view class="box-pic"></view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		onLoad() {
			
		},
		methods:{
			// 点击退出
			goout(){
			  uni.navigateBack({
				  url:'/pages/booklist/booklist'
			  })
			}
		}
	}
</script>

<style lang="less">
	.bookdetail{
		.header{
			width: 100%;
			height: 100rpx;
				line-height: 100rpx;
			display: flex;
			flex-direction: row;
			.out{
				flex: 1;
				padding-left: 20rpx;
				padding-top: 27rpx;
			}
			.class-list{
				flex: 3;
				font-size: 38rpx;
				font-weight: 600;
				margin-left: 120rpx;
			}
		}
		.box{
			width: 100%;
			height: 420rpx;
			background-color: pink;
			display: flex;
			justify-content: center;
			align-items: center;
			.box1{
				width: 95%;
				height: 400rpx;
				background-color: antiquewhite;
				display: flex;
				flex-direction: row;
				.box-img{
					flex: 1.4;
					background-color: aqua;
				}
				.box-pic{
					flex: 2;
					background-color: #ccc;
				}
			}
		}
	}
</style>